<template>
	<div>
		<el-container>
			<el-header style="padding: 0">
				<el-menu
					background-color="#333"
					active-text-color="#fff"
					text-color="#999"
					mode="horizontal"
					default-active="2"
				>
					<el-menu-item index="1"> 指南 </el-menu-item>
					<el-menu-item index="2"> 组件 </el-menu-item>
					<el-menu-item index="3"> 主题 </el-menu-item>
					<el-menu-item index="4"> 资源 </el-menu-item>
				</el-menu>
			</el-header>
			<el-container>
				<el-aside width="220px">
					<el-menu
						style="height: calc(100vh - 60px)"
						background-color="#333"
						active-text-color="#fff"
						text-color="#999"
						default-active="1"
					>
						<el-menu-item index="1"> Container布局 </el-menu-item>
						<el-menu-item index="2"> Table表格 </el-menu-item>
						<el-menu-item index="3"> Form表单 </el-menu-item>
					</el-menu>
				</el-aside>
				<el-main>内容</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped></style>
